<script setup>
const props = defineProps({
  item: {
    type: Object,
    required: false,
  },
})

</script>
<template>
  <div class="image-text_5 flex-row justify-between">
    <div class="box_22 flex-col">
      <div class="tag_1 flex-col"><span class="text_31">精选</span></div>
    </div>
    <div class="text-group_5 flex-col">
      <span class="text_32">火火兔学典故</span>
      <span class="text_33"
        >专为学龄前宝宝量身打造的典故动画片。精选16个具有教育意义与…</span
      >
      <div class="text-wrapper_7 flex-row justify-between">
        <span class="text_34">共120首</span>
        <span class="text_35">¥19.90</span>
      </div>
    </div>
  </div>
</template>
<style lang="less" scoped>
@import '@styles/common.less';
.image-text_5 {
  background-color: rgba(255, 255, 255, 1);
  width: 375px;
  padding: 8px 16px 5px 16px;
  .box_22 {
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd8acb5d1f5b780efbfcb913c25e156792b7a280346127550fb260ad846334616)
      100% no-repeat;
    background-size: 100% 100%;
    margin-bottom: 3px;
    padding: 0 0 70px 52px;
    .tag_1 {
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf8c72775ef704c41796778581dd9d2c89d94973f2f86dacfa78bdcdaacb4a794)
        100% no-repeat;
      background-size: 100% 100%;
      padding: 2px 8px 1px 8px;
      .text_31 {
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 10px;
        font-family: PingFangSC-Medium;
        font-weight: 500;
        text-align: right;
        white-space: nowrap;
        line-height: 15px;
      }
    }
  }
  .text-group_5 {
    .text_32 {
      overflow-wrap: break-word;
      color: rgba(0, 0, 0, 0.7);
      font-size: 16px;
      font-family: PingFangSC-Medium;
      font-weight: 500;
      text-align: left;
      white-space: nowrap;
      line-height: 24px;
      margin-right: 147px;
    }
    .text_33 {
      width: 243px;
      height: 39px;
      overflow-wrap: break-word;
      color: rgba(0, 0, 0, 0.45);
      font-size: 13px;
      font-weight: NaN;
      text-align: left;
      line-height: 19px;
    }
    .text-wrapper_7 {
      width: 243px;
      margin-top: 4px;
      .text_34 {
        height: 20px;
        overflow-wrap: break-word;
        color: rgba(0, 0, 0, 0.45);
        font-size: 11px;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 19px;
        margin-top: 4px;
      }
      .text_35 {
        overflow-wrap: break-word;
        color: rgba(0, 0, 0, 0.7);
        font-size: 16px;
        font-family: PingFangSC-Medium;
        font-weight: 500;
        text-align: center;
        white-space: nowrap;
        line-height: 24px;
      }
    }
  }
}
</style>
